<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>CrowX</title>
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
    <script src="assets/js/html5shiv.js"></script>
    <![endif]-->
<link rel="stylesheet" type="text/css" id="color" href="assets/css/red.css">
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
<link href="assets/css/bootstrap.css" rel="stylesheet">
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
<script type="text/javascript" src="assets/js/jquery1.7.2.js"></script>
<script src="assets/js/jquery-migrate-1.2.1.min.js"></script>
<!--Revolution slider start here-->
<script type="text/javascript" src="assets/js/jquery.themepunch.plugins.min.js"></script>
<script type="text/javascript" src="assets/js/jquery.themepunch.revolution.min.js"></script>
<script type="text/javascript" src="assets/js/jquery-ui-1.8.21.custom.min.js"></script>
<script type="text/javascript" src="assets/js/preview-fullwidth.js"></script>
<script type="text/javascript" src="assets/js/color_switcher.js"></script>
</head>

<body>
<div class="color-switcher" id="choose_color"> <a href="#." class="picker_close"></a>
  <ul>
    <li><a href="#." class="red" id="red"></a></li>
    <li><a href="#." class="green" id="green"></a></li>
    <li><a href="#." class="blue" id="blue"></a></li>
    <li><a href="#." class="orange" id="orange"></a></li>
    <li><a href="#." class="cyan" id="cyan"></a></li>
    <li><a href="#." class="light_pink" id="light_pink"></a></li>
  </ul>
  <div class="clr"></div>
</div>
<!--end color-switcher-->

<div class="slide" id="slide1" data-slide="1" data-stellar-background-ratio="0.5">
  <header class="header">
    <div class="top_row">
      <div class="container">
        <section class="row-fluid">
          <div class="span12">
            <p class="top_number"><i class="icon-mobile-phone"></i>+123 456 7980 or +123 456 7999</p>
            <ul class="top_social">
              <li><a href="#." class="fb"><i class="icon-facebook"></i></a></li>
              <li><a href="#." class="twtr"><i class="icon-twitter"></i></a></li>
              <li><a href="#." class="gmail"><i class="icon-google-plus"></i></a></li>
              <li><a href="#." class="pintrest"><i class="icon-pinterest"></i></a></li>
              <li><a href="#." class="rss"><i class="icon-rss"></i></a></li>
            </ul>
            <div class="clr"></div>
          </div>
          <!--end span12-->
          
          <div class="clr"></div>
        </section>
        <!--end row-fluid-->
        
        <div class="clr"></div>
      </div>
      <!--end container-->
      
      <div class="clr"></div>
    </div>
    <!--end top_row-->
    
    <nav>
      <div class="navigation_bg">
        <div class="container">
          <div class="row-fluid">
            <div class="span3"><a href="index.html" class="logo"><img src="assets/images/logo.png" alt="image" /></a></div>
            <div class="span9"> 
              
              <!-- Navbar
================================================== -->
              <div class="navbar">
                <div class="navbar-inner">
                  <div class="container">
                    <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class= 			 					"icon-bar"></span> </button>
                    <div class="nav-collapse collapse">
                      <ul class="nav">
                        <li class="active dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Home<b class="caret"></b><br />
                          <span>start here</span></a>
                          <ul class="dropdown-menu">
                            <li><a href="index.html">Home 1</a></li>
                            <li><a href="index2.html">Home 2</a></li>
                          </ul>
                        </li>
                        <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">pages<b class="caret"></b><br />
                          <span>what we do</span></a>
                          <ul class="dropdown-menu">
                            <li><a href="about_us.html">About us</a></li>
                            <li><a href="contact_us.html">Contact us</a></li>
                            <li><a href="faq.html">Faq</a></li>
                            <li><a href="shortcodes.html">Shortcodes</a></li>
                          <li><a href="icons.html">Awsome Icons</a></li>
                            <li><a href="tables.html">Tables</a></li>
                          </ul>
                        </li>
                        <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">portfolio<b class="caret"></b><br />
                          <span>result of our work</span></a>
                          <ul class="dropdown-menu">
                            <li><a href="portfolio1.html">Portfilio one</a></li>
                            <li><a href="portfolio2.html">Portfilio two</a></li>
                            <li><a href="portfolio3.html">Portfilio three</a></li>
                            <li><a href="portfolio4.html">Portfilio four</a></li>
                          </ul>
                        </li>
                        <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">blog<b class="caret"></b><br />
                          <span>what we think</span></a>
                          <ul class="dropdown-menu">
                            <li><a href="blog1.html">Blog right</a></li>
                            <li><a href="blog2.html">Blog left</a></li>
                            <li><a href="blog_detail1.html">Blog right detail</a></li>
                            <li><a href="blog_detail2.html">Blog left detail</a></li>
                          </ul>
                        </li>
                        <li class=""> <a href="contact_us.html">contact us<br />
                          <span>get in touch</span></a> </li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="clr"></div>
          </div>
          <!--end row-fluid-->
          
          <div class="clr"></div>
        </div>
        <!--end container-->
        
        <div class="clr"></div>
      </div>
    </nav>
    <!--end navigation_bg-->
    
    <div class="clr"></div>
  </header>
  <!--end header-->
  <section>
    <div class="fullwidthbanner-container">
      <div class="fullwidthbanner">
        <ul>
          
          <!-- FADE -->
          <li data-transition="fade" data-slotamount="7"> <img src="assets/images/main_banner.jpg" alt="image" />
            <div class="caption sfb" data-x="0" data-y="150" data-speed="900" data-start="900" data-easing="easeOutSine">
              <p class="white">we craft Beautiful &amp; mindblowing</p>
            </div>
            <div class="caption lft" data-x="0" data-y="200" data-speed="900" data-start="1700" data-easing="easeOutBack">
              <p class="black">Responsive websites to promot your business</p>
            </div>
          </li>
          
          <!-- SLIDEUP -->
          <li data-transition="slideup" data-slotamount="7"> <img src="assets/images/main_banner2.jpg" alt="image" />
            <div class="caption sfb" data-x="0" data-y="150" data-speed="900" data-start="900" data-easing="easeOutSine">
              <p class="banner2_hdng">Highest quality</p>
            </div>
            <div class="caption lft" data-x="0" data-y="200" data-speed="900" data-start="1700" data-easing="easeOutBack">
              <p class="hdng2_slogan">Building a better website with</p>
            </div>
            <div class="caption lft" data-x="0" data-y="250" data-speed="900" data-start="1700" data-easing="easeOutBack"> <img src="assets/images/html5_css3_img.png" class="html_css_img" alt="image" /> </div>
          </li>
        </ul>
        <div class="tp-bannertimer"></div>
      </div>
    </div>
  </section>
  <div class="clr"></div>
  <section class="banner_bottom">
    <h1>Looking for a <span>professional and unique</span> responsive design?</h1>
    <p>His latine offendit te, atomorum scripserit vituperatoribus ut vim, nostrum vituperatoribus ex est. Noluisse pericula nec in, that  affert populo <br />
      suavitate, usu tota propriae te. Debet voluptaria no qui.</p>
  </section>
  <!--end banner_bottom-->
  
  <div class="container">
    <section class="row-fluid">
      <div class="span3 tri_sec"><i class="icon-globe"></i>
        <h2>Fully Responsive</h2>
        <p>It is a long established fact that a reader will be distracted by the amet, feugiat delicata.</p>
        <span class="borders"></span> </div>
      <div class="span3 tri_sec"><i class="icon-apple"></i>
        <h2>Unique &amp; Clean</h2>
        <p>It is a long established fact that a reader will be distracted by the amet, feugiat delicata.</p>
        <span class="borders"></span> </div>
      <div class="span3 tri_sec"><i class="icon-lightbulb"></i>
        <h2>Creative Ideas</h2>
        <p>It is a long established fact that a reader will be distracted by the amet, feugiat delicata.</p>
        <span class="borders"></span> </div>
      <div class="span3 tri_sec"><i class="icon-time"></i>
        <h2>Live Support</h2>
        <p>It is a long established fact that a reader will be distracted by the amet, feugiat delicata.</p>
        <span class="borders"></span> </div>
    </section>
    <!--end row-fluid-->
    
    <section class="latest_projects">
      <div class="projects_hdng">
        <h1 class="dark">latest <span>Projects</span></h1>
      </div>
      <p>It is a long established fact that a reader will be distracted by the amet, feugiat delicata.</p>
      <a id="prev2" class="prev" href="#"><i class="icon-angle-left"></i></a> <a id="next2" class="next" href="#"><i class="icon-angle-right"></i></a>
      <div class="list_carousel">
        <ul id="foo2">
          <li><a href="#.">
            <div class="project"> <img src="assets/images/latest_projects_img1.jpg" alt="image" />
              <h2>Web Design</h2>
              <p>Reader will be Distracted by the Amet,
                Feugiat Delicata.</p>
            </div>
            </a></li>
          <li><a href="#.">
            <div class="project"> <img src="assets/images/latest_projects_img2.jpg" alt="image" />
              <h2>Web Design</h2>
              <p>Reader will be Distracted by the Amet,
                Feugiat Delicata.</p>
            </div>
            </a></li>
          <li><a href="#.">
            <div class="project"> <img src="assets/images/latest_projects_img3.jpg" alt="image" />
              <h2>Web Design</h2>
              <p>Reader will be Distracted by the Amet,
                Feugiat Delicata.</p>
            </div>
            </a></li>
          <li><a href="#.">
            <div class="project"> <img src="assets/images/latest_projects_img1.jpg" alt="image" />
              <h2>Web Design</h2>
              <p>Reader will be Distracted by the Amet,
                Feugiat Delicata.</p>
            </div>
            </a></li>
          <li><a href="#.">
            <div class="project"> <img src="assets/images/latest_projects_img2.jpg" alt="image" />
              <h2>Web Design</h2>
              <p>Reader will be Distracted by the Amet,
                Feugiat Delicata.</p>
            </div>
            </a></li>
          <li><a href="#.">
            <div class="project"> <img src="assets/images/latest_projects_img3.jpg" alt="image" />
              <h2>Web Design</h2>
              <p>Reader will be Distracted by the Amet,
                Feugiat Delicata.</p>
            </div>
            </a></li>
          <li><a href="#.">
            <div class="project"> <img src="assets/images/latest_projects_img1.jpg" alt="image" />
              <h2>Web Design</h2>
              <p>Reader will be Distracted by the Amet,
                Feugiat Delicata.</p>
            </div>
            </a></li>
          <li><a href="#.">
            <div class="project"> <img src="assets/images/latest_projects_img2.jpg" alt="image" />
              <h2>Web Design</h2>
              <p>Reader will be Distracted by the Amet,
                Feugiat Delicata.</p>
            </div>
            </a></li>
          <li><a href="#.">
            <div class="project"> <img src="assets/images/latest_projects_img3.jpg" alt="image" />
              <h2>Web Design</h2>
              <p>Reader will be Distracted by the Amet,
                Feugiat Delicata.</p>
            </div>
            </a></li>
          <li><a href="#.">
            <div class="project"> <img src="assets/images/latest_projects_img1.jpg" alt="image" />
              <h2>Web Design</h2>
              <p>Reader will be Distracted by the Amet,
                Feugiat Delicata.</p>
            </div>
            </a></li>
          <li><a href="#.">
            <div class="project"> <img src="assets/images/latest_projects_img2.jpg" alt="image" />
              <h2>Web Design</h2>
              <p>Reader will be Distracted by the Amet,
                Feugiat Delicata.</p>
            </div>
            </a></li>
        </ul>
        <div class="clearfix"></div>
      </div>
      <div class="clr"></div>
    </section>
    <!--end latest_projects-->
    
    <div class="clr"></div>
  </div>
  <!--end container-->
  
  <section class="what_clients">
    <h1 class="dark">WHAT <span>CLIENTS</span> ARE SAYING</h1>
    <p><i class="icon-quote-left"></i>Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt <br />
      auctor a ornare odio. Sed non  mauris vitae erat consequat auctor eu in elit. suspendisse in orci enim.<i class="icon-quote-right"></i><br />
      <b>TH RAO, Marketing Manager</b></p>
    <img src="assets/images/testimonials_img.png" alt="image" />
    <div class="clr"></div>
  </section>
  <!--end what_clients--> 
  
</div>
<!--End Slide 1-->

<div class="slide" id="slide2" data-slide="2" data-stellar-background-ratio="0.5">
  <section class="we_are_responsive">
    <h1 class="large">we are parallax RESPONSIVE</h1>
    <p>Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a <br />
      ornare odio. Sed non  mauris vitae erat consequat auctor eu in elit. suspendisse in orci enim. </p>
  </section>
  <!--end we_are_responsive--> 
  
</div>
<!--End Slide 2-->

<div class="slide" id="slide3" data-slide="3" data-stellar-background-ratio="0.5">
  <div class="container">
    <section class="latest_projects">
      <div class="projects_hdng">
        <h1 class="dark">our latest <span>blog</span></h1>
      </div>
      <p>It is a long established fact that a reader will be distracted by the amet, feugiat delicata.</p>
      <ul id="slider2">
        <li>
          <div class="post">
            <div class="post_image"><img src="assets/images/blog_img.jpg" alt="image" />
              <p>29<br />
                <span class="size">June</span><span class="year">2013</span></p>
            </div>
            <!--end post_image-->
            
            <div class="post_contant">
              <h2>This is a standard post format with an
                Image Gallery</h2>
              <ul class="posted_by">
                <li class="one"><i class="icon-user"></i>Posted By: Caden Grant</li>
                <li><a href="#." class="comments"><i class="icon-comments"></i>21 Comments</a></li>
                <li class="clr"></li>
              </ul>
              <p>His latine offendit te, atomorum scripserit vituperatoribus ut vim, nostrum vituperatoribus ex est. Noluisse pericula nec in, eu ius affert populo suavitate, usu tota propriae. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit usu tota propriae. </p>
              <a href="#." class="btn btn-danger">read more </a>
              <div class="clr"></div>
            </div>
            <!--end post_contant-->
            
            <div class="clr"></div>
          </div>
          <!--end post--> 
          
        </li>
        <li>
          <div class="post">
            <div class="post_image"><img src="assets/images/blog_img.jpg" alt="image" />
              <p>30<br />
                <span class="size">June</span><span class="year">2013</span></p>
            </div>
            <!--end post_image-->
            
            <div class="post_contant">
              <h2>This is a standard post format with an
                Image Gallery</h2>
              <ul class="posted_by">
                <li class="one"><i class="icon-user"></i>Posted By: Caden Grant</li>
                <li><a href="#." class="comments"><i class="icon-comments"></i>21 Comments</a></li>
                <li class="clr"></li>
              </ul>
              <p>His latine offendit te, atomorum scripserit vituperatoribus ut vim, nostrum vituperatoribus ex est. Noluisse pericula nec in, eu ius affert populo suavitate, usu tota propriae. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit usu tota propriae. </p>
              <a href="#." class="btn btn-danger">read more </a>
              <div class="clr"></div>
            </div>
            <!--end post_contant-->
            
            <div class="clr"></div>
          </div>
          <!--end post--> 
          
        </li>
        <li>
          <div class="post">
            <div class="post_image"><img src="assets/images/blog_img.jpg" alt="image" />
              <p>31<br />
                <span class="size">June</span><span class="year">2013</span></p>
            </div>
            <!--end post_image-->
            
            <div class="post_contant">
              <h2>This is a standard post format with an
                Image Gallery</h2>
              <ul class="posted_by">
                <li class="one"><i class="icon-user"></i>Posted By: Caden Grant</li>
                <li><a href="#." class="comments"><i class="icon-comments"></i>21 Comments</a></li>
                <li class="clr"></li>
              </ul>
              <p>His latine offendit te, atomorum scripserit vituperatoribus ut vim, nostrum vituperatoribus ex est. Noluisse pericula nec in, eu ius affert populo suavitate, usu tota propriae. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit usu tota propriae. </p>
              <a href="#." class="btn btn-danger">read more </a>
              <div class="clr"></div>
            </div>
            <!--end post_contant-->
            
            <div class="clr"></div>
          </div>
          <!--end post--> 
          
        </li>
        <li>
          <div class="post">
            <div class="post_image"><img src="assets/images/blog_img.jpg" alt="image" />
              <p>1<br />
                <span class="size">July</span><span class="year">2013</span></p>
            </div>
            <!--end post_image-->
            
            <div class="post_contant">
              <h2>This is a standard post format with an
                Image Gallery</h2>
              <ul class="posted_by">
                <li class="one"><i class="icon-user"></i>Posted By: Caden Grant</li>
                <li><a href="#." class="comments"><i class="icon-comments"></i>21 Comments</a></li>
                <li class="clr"></li>
              </ul>
              <p>His latine offendit te, atomorum scripserit vituperatoribus ut vim, nostrum vituperatoribus ex est. Noluisse pericula nec in, eu ius affert populo suavitate, usu tota propriae. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit usu tota propriae. </p>
              <a href="#." class="btn btn-danger">read more </a>
              <div class="clr"></div>
            </div>
            <!--end post_contant-->
            
            <div class="clr"></div>
          </div>
          <!--end post--> 
          
        </li>
      </ul>
      <div class="clr"></div>
    </section>
    <!--end latest_projects-->
    
    <section class="row-fluid">
      <div class="span6 latest_events">
        <h1 class="dark">latest <span>Events</span></h1>
        <ul class="nav nav-tabs">
          <li class="active"><a href="#home" data-toggle="tab">RESPONSIVE</a></li>
          <li><a href="#profile" data-toggle="tab">POWERFUL BEAUTY</a></li>
          <li><a href="#messages" data-toggle="tab">creative Theme</a></li>
        </ul>
        <div class="tab-content">
          <div class="tab-pane active" id="home">
            <div class="tab_image"><img src="assets/images/latest_events_img.jpg" alt="image" /></div>
            <!--end tab_image-->
            <div class="tab_contant">
              <h2>Responsive Design</h2>
              <p>His latine offendit te, atomorum scripserit vituperatoribus ut vim, nostrum vituperatoribus ex est. Noluisse pericula nec in, eu ius affert populo suavitate, usu tota propriae.</p>
              <a href="#.">Rad More</a> </div>
            <!--end tab_contant-->
            
            <div class="clr"></div>
          </div>
          <div class="tab-pane" id="profile">
            <div class="tab_image"><img src="assets/images/latest_events_img.jpg" alt="image" /></div>
            <!--end tab_image-->
            <div class="tab_contant">
              <h2>Powerfull Beauty</h2>
              <p>His latine offendit te, atomorum scripserit vituperatoribus ut vim, nostrum vituperatoribus ex est. Noluisse pericula nec in, eu ius affert populo suavitate, usu tota propriae.</p>
              <a href="#.">Rad More</a> </div>
            <!--end tab_contant-->
            
            <div class="clr"></div>
          </div>
          <div class="tab-pane" id="messages">
            <div class="tab_image"><img src="assets/images/latest_events_img.jpg" alt="image" /></div>
            <!--end tab_image-->
            <div class="tab_contant">
              <h2>creative Theme</h2>
              <p>His latine offendit te, atomorum scripserit vituperatoribus ut vim, nostrum vituperatoribus ex est. Noluisse pericula nec in, eu ius affert populo suavitate, usu tota propriae.</p>
              <a href="#.">Rad More</a> </div>
            <!--end tab_contant-->
            
            <div class="clr"></div>
          </div>
        </div>
        <!--end span6-->
        
        <div class="clr"></div>
      </div>
      <!--end latest_events-->
      
      <div class="span6 why_choose_us">
        <h1 class="dark">Why <span>Choose</span> Us?</h1>
        <ul>
          <li><i class="icon-circle-arrow-right"></i>consectetur aipisc ing elit. Nulla iaculis aliquet augue.</li>
          <li><i class="icon-circle-arrow-right"></i>Lorem ipsum dolor sit amet, consectetur aipisc ing elit. Nulla.</li>
          <li><i class="icon-circle-arrow-right"></i>Nulla iaculis aliquet augue, varius.</li>
          <li><i class="icon-circle-arrow-right"></i>His latine offendit te, atomorum.</li>
          <li><i class="icon-circle-arrow-right"></i>Lorem ipsum dolor sit amet, consectetur.</li>
          <li><i class="icon-circle-arrow-right"></i>His latine offendit te, atomorum scripserit vituperatoribus ut vim.</li>
          <li><i class="icon-circle-arrow-right"></i>Lorem ipsum dolor sit amet, consectetur aipisc ing.</li>
        </ul>
        <div class="clr"></div>
      </div>
      <!--end why choose us-->
      
      <div class="clr"></div>
    </section>
    <!--end row-fluid-->
    
    <div class="clr"></div>
  </div>
  <!--end container-->
  
  <footer class="footer">
    <div class="container">
      <section class="row-fluid">
        <div class="span3 usefull_links">
          <h2>Usefull Links</h2>
          <ul>
            <li><a href="#."><i class="icon-long-arrow-right"></i>Home</a></li>
            <li><a href="#."><i class="icon-long-arrow-right"></i>About Us</a></li>
            <li><a href="#."><i class="icon-long-arrow-right"></i>Services</a></li>
            <li><a href="#."><i class="icon-long-arrow-right"></i>Portfolio</a></li>
            <li><a href="#."><i class="icon-long-arrow-right"></i>Blog</a></li>
            <li><a href="#."><i class="icon-long-arrow-right"></i>Contact Us</a></li>
            <li><a href="#."><i class="icon-long-arrow-right"></i>Documentation</a></li>
            <li><a href="#."><i class="icon-long-arrow-right"></i>Wordpress</a></li>
          </ul>
        </div>
        <!--end span3 usefull_links-->
        
        <div class="span3 latest_tweets">
          <h2>Latest Tweets</h2>
          <i class="icon-twitter"></i>
          <p><span>@Smith Apple</span> Lorem Ipsum is simply dummy text of the printing and typesetting industry.<br />
            <span class="date">June 29, 2013</span></p>
          <div class="clr"></div>
          <i class="icon-twitter"></i>
          <p><span>@Smith Apple</span> Lorem Ipsum is simply dummy text of the printing and typesetting industry.<br />
            <span class="date">June 29, 2013</span></p>
          <div class="clr"></div>
        </div>
        <!--end span3 latest_tweets-->
        
        <div class="span3 about_us">
          <h2>About Us</h2>
          <ul>
            <li class="one"><i class="icon-mobile-phone"></i>(+01) 123 456 7890</li>
            <li class="two"><a href="#."><i class="icon-envelope"></i>support@crowx.com</a></li>
            <li class="three"><a href="#."><i class="icon-globe"></i>www.crowx.com</a></li>
            <li class="four"><i class="icon-home"></i>786 Some Place Nice, Rd Nice
              State, Big Country 7860</li>
          </ul>
          <ul class="footer_social">
            <li><a href="#." class="fb"><i class="icon-facebook"></i></a></li>
            <li><a href="#." class="twtr"><i class="icon-twitter"></i></a></li>
            <li><a href="#." class="gmail"><i class="icon-google-plus"></i></a></li>
            <li><a href="#." class="pintrest"><i class="icon-pinterest"></i></a></li>
            <li><a href="#." class="rss"><i class="icon-rss"></i></a></li>
          </ul>
          <div class="clr"></div>
        </div>
        <!--end span3 about_us-->
        
        <div class="span3 recent_post">
          <h2>Recent Posts Widget</h2>
          <div class="footer_post"> <img src="assets/images/recent_widget_1.jpg" alt="image" />
            <p>Lorem ipsum dolor sit amet
              consectetur text.<span>June 29, 2013</span></p>
            <div class="clr"></div>
          </div>
          <!--end footer_post-->
          
          <div class="footer_post"> <img src="assets/images/recent_widget_2.jpg" alt="image" />
            <p>Lorem ipsum dolor sit amet
              consectetur text.<span>June 29, 2013</span></p>
            <div class="clr"></div>
          </div>
          <!--end footer_post-->
          
          <div class="footer_post"> <img src="assets/images/recent_widget_3.jpg" alt="image" />
            <p>Lorem ipsum dolor sit amet
              consectetur text.<span>June 29, 2013</span></p>
            <div class="clr"></div>
          </div>
          <!--end footer_post-->
          
          <div class="clr"></div>
        </div>
        <!--end span3 recent_post-->
        
        <div class="clr"></div>
      </section>
      <!--end row-fluid-->
      
      <div class="clr"></div>
    </div>
    <!--end container-->
    
    <p class="copyright">Copyright &copy; 2013 CrowX. All right reserved.</p>
    <div class="clr"></div>
  </footer>
</div>
<!--End Slide 3--> 

<script type="text/javascript">
								
				var tpj=jQuery;
				tpj.noConflict();
				
				tpj(document).ready(function() {
				
				if (tpj.fn.cssOriginal!=undefined)
					tpj.fn.css = tpj.fn.cssOriginal;

					tpj('.fullwidthbanner').revolution(
						{	
							delay:9000,												
							startwidth:890,
							startheight:450,
							
							onHoverStop:"on",						// Stop Banner Timet at Hover on Slide on/off
							
							thumbWidth:100,							// Thumb With and Height and Amount (only if navigation Tyope set to thumb !)
							thumbHeight:50,
							thumbAmount:4,
							
							hideThumbs:200,
							navigationType:"both",					//bullet, thumb, none, both	 (No Shadow in Fullwidth Version !)
							navigationArrows:"verticalcentered",		//nexttobullets, verticalcentered, none
							navigationStyle:"round",				//round,square,navbar
							
							touchenabled:"on",						// Enable Swipe Function : on/off
							
							navOffsetHorizontal:0,
							navOffsetVertical:20,
							
							fullWidth:"on",
							
							shadow:0								//0 = no Shadow, 1,2,3 = 3 Different Art of Shadows -  (No Shadow in Fullwidth Version !)
														
						});	
					
			});
</script> 
<script type="text/javascript" src="assets/js/jquery1.7.2.js"></script> 
<!--Revolution slider end here--> 
<script type="text/javascript" src="assets/js/jquery.stellar.min.js"></script> 
<script src="assets/js/jquery.easing.1.3.min.js"></script> 
<!--Crousel start here--> 
<script type="text/javascript" src="assets/js/jquery.carouFredSel-6.2.1-packed.js"></script> 
<script>	
		  
  		
		$(function () {
		//	Scrolled by user interaction
				$('#foo2').carouFredSel({
					auto: false,
					prev: '#prev2',
					next: '#next2',
					pagination: "#pager2",
					mousewheel: true,
					swipe: {
						onMouse: true,
						onTouch: true
					}
				});
		
		$('#slider2').anythingSlider({
			expand       : true,
			autoPlay     : true
		});
		
	});
 
</script> 
<!--Crousel end here--> 

<script type="text/javascript" src="assets/js/js.js"></script> 
<script src="assets/js/jquery.anythingslider.js"></script> 
<script src="assets/js/bootstrap-tab.js"></script> 
<script>

    $('#myTab a').click(function (e) {
    e.preventDefault();
    $(this).tab('show');
    })

</script> 
<script src="assets/js/bootstrap-transition.js"></script> 
<script src="assets/js/bootstrap-collapse.js"></script> 
<script src="assets/js/bootstrap-dropdown.js"></script>
</body>
</html>
